{#
  This Source Code Form is subject to the terms of the Mozilla Public
  License, v. 2.0. If a copy of the MPL was not distributed with this
  file, You can obtain one at https://mozilla.org/MPL/2.0/.
 #}

 <footer class="moz24-footer" id="colophon" role="contentinfo">
  {% if show_newsletter %}
    {% include 'includes/protocol/footer/footer-newsletter.html' %}
  {% endif %}
  <div class="moz24-footer-content">
    <div class="moz24-footer-primary">
      <div class="moz24-footer-sections-container">
        <div class="moz24-footer-advertising">
          <div class="moz24-footer-advertising-wrapper">
            <h2>
              <img src="{{ static('img/logos/mozilla/ads/Mozilla_Ads_Logo.svg') }}" alt="{{ ftl('footer-refresh-mozilla-ads') }}" width="250" height="33" class="moz24-footer-advertising-logo">
            </h2>
            {% if ftl_has_messages('footer-refresh-add-trust-to') or ftl_has_messages('footer-refresh-extend-reach') %}
              <p>{{ ftl('footer-refresh-add-trust-to', fallback='footer-refresh-extend-reach') }}</p>
            {% endif %}
            <a class="moz24-footer-advertising-link" href="{{ url('mozorg.advertising.landing') }}" data-link-position="footer" data-link-text="Learn more">
              <span class="mzp-c-button-icon-text">{{ ftl('footer-refresh-learn-more-about-mozilla-ads', fallback='footer-refresh-learn-more-about-mozilla-advertising') }}</span>
              <span class="mzp-c-button-icon-end">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="m7.24 1.36 5.89 5.89H0v1.5h13.13l-5.89 5.89L8.3 15.7 16 8 8.3.3z"/></svg>
              </span>
            </a>
          </div>
        </div>
        <div class="moz24-footer-links">
          <section>
            <h2 class="moz24-footer-label" data-testid="footer-heading-company">
              {{ ftl('footer-refresh-company') }}
            </h2>
            <ul class="moz24-footer-primary-list" data-testid="footer-list-company">
              <li><a href="{{ url('mozorg.about.leadership.index') }}" data-link-position="footer" data-link-text="Leadership">{{ ftl('footer-refresh-leadership') }}</a></li>
              <li><a href="https://blog.mozilla.org/category/mozilla/news/?{{ utm_params }}&utm_content=company" data-link-position="footer" data-link-text="Press Center">{{ ftl('footer-refresh-press-center') }}</a></li>
              <li><a href="{{ url('careers.home') }}" data-link-position="footer" data-link-text="Careers">{{ ftl('footer-refresh-careers') }}</a></li>
              <li><a href="{{ url('mozorg.contact.contact-landing') }}" data-link-position="footer" data-link-text="Contact">{{ ftl('footer-refresh-contact') }}</a></li>
            {% if LANG == "de" %}
              {# Legal requirement in Germany see issue #14240 #}
              <li><a href="{{ url('legal.impressum') }}" data-link-position="footer" data-link-text="Impressum">Impressum</a></li>
            {% endif %}
            </ul>
          </section>

          <section>
            <h2 class="moz24-footer-label" data-testid="footer-heading-support">
              {{ ftl('footer-refresh-support') }}
            </h2>
            <ul class="moz24-footer-primary-list" data-testid="footer-list-support">
              <li><a href="https://support.mozilla.org/?{{ utm_params }}&utm_content=support" data-link-position="footer" data-link-text="Product Help">{{ ftl('footer-refresh-product-help', fallback='footer-refresh-support') }}</a></li>
              <li><a href="https://bugzilla.mozilla.org/?{{ utm_params }}&utm_content=support" data-link-position="footer" data-link-text="File a Bug">{{ ftl('footer-refresh-file-a-bug') }}</a></li>
              <li><a href="https://pontoon.mozilla.org/?{{ utm_params }}&utm_content=support" data-link-position="footer" data-link-text="Localise Mozilla">{{ ftl('footer-refresh-localize-mozilla') }}</a></li>
              <li><a href="{{ url('security.index') }}" data-link-position="footer" data-link-text="Security">{{ ftl('footer-refresh-security') }}</a></li>
            </ul>
          </section>

          <section>
            <h2 class="moz24-footer-label" data-testid="footer-heading-developers">
              {{ ftl('footer-refresh-developers') }}
            </h2>
            <ul class="moz24-footer-primary-list" data-testid="footer-list-developers">
              <li><a href="{{ settings.FXC_BASE_URL }}/channel/desktop/developer/?{{ utm_params }}" data-link-position="footer" data-link-text="Firefox Developer Edition">{{ ftl('footer-refresh-developer-edition') }}</a></li>
              <li><a href="{{ settings.FXC_BASE_URL }}/browsers/enterprise/?{{ utm_params }}" data-link-position="footer" data-link-text="Firefox for Enterprise">{{ ftl('footer-refresh-enterprise') }}</a></li>
              <li><a href="https://firefox-source-docs.mozilla.org/devtools-user/?{{ utm_params }}&utm_content=developers" rel="external" data-link-position="footer" data-link-text="Tools">{{ ftl('footer-refresh-tools') }}</a></li>
              <li><a href="https://developer.mozilla.org/?{{ utm_params }}" data-link-position="footer" data-link-text="MDN">{{ ftl('footer-refresh-mdn-v2') }}</a></li>
              <li><a href="https://www.firefox.com/firefox/{{ latest_firefox_version }}/releasenotes/?{{ utm_params }}" data-link-position="footer" data-link-text="Firefox Release Notes">{{ ftl('footer-refresh-firefox-release-notes') }}</a></li>
            </ul>
          </section>
        </div>
        <div class="moz24-footer-socials">
          <div class="moz24-footer-refresh-social-wrapper">
            <h2 class="moz24-footer-heading-social">{{ ftl('footer-refresh-follow-mozilla') }}</h2>
            <ul class="moz24-footer-social-links">
              <li><a class="bluesky" href="https://bsky.app/profile/mozilla.org" data-link-position="footer" data-link-text="Bluesky (@mozilla.org)" translate="no">Bluesky<span> (@mozilla.org)</span></a></li>
              <li><a class="instagram" href="{{ mozilla_instagram_url() }}" data-link-position="footer" data-link-text="Instagram (@mozilla)">{{ ftl('footer-refresh-instagram') }}<span> (@mozilla)</span></a></li>
              <li><a class="linkedin" href="https://www.linkedin.com/company/mozilla-corporation/" data-link-position="footer" data-link-text="LinkedIn (@mozilla)">{{ ftl('footer-refresh-linkedin') }}<span> (@mozilla)</span></a></li>
              <li><a class="tiktok" href="https://www.tiktok.com/@mozilla" data-link-position="footer" data-link-text="TikTok (@mozilla)">{{ ftl('footer-refresh-tiktok') }}<span> (@mozilla)</span></a></li>
              <li><a class="spotify" href="https://open.spotify.com/show/0vT7LJMeVDxyQ2ZamHKu08?si=_uDRD6bRR_6M5YZyISGXgA" data-link-position="footer" data-link-text="Spotify (@mozilla)">{{ ftl('footer-refresh-spotify') }}<span> (@mozilla)</span></a></li>
            </ul>
          </div>
          <div class="moz24-footer-refresh-social-wrapper">
            <h2 class="moz24-footer-heading-social">{{ ftl('footer-refresh-follow-firefox') }}</h2>
            <ul class="moz24-footer-social-links">
              <li><a class="bluesky" href="https://bsky.app/profile/firefox.com" data-link-position="footer" data-link-text="Bluesky (@firefox.com)" translate="no">Bluesky<span> (@firefox.com)</span></a></li>
              <li><a class="instagram" href="https://www.instagram.com/firefox/" data-link-position="footer" data-link-text="Instagram (@firefox)">{{ ftl('footer-refresh-instagram') }}<span> (@firefox)</span></a></li>
              <li><a class="youtube" href="https://www.youtube.com/user/firefoxchannel" data-link-position="footer" data-link-text="YouTube (@firefoxchannel)">{{ ftl('footer-refresh-youtube') }}<span> (@firefoxchannel)</span></a></li>
              <li><a class="tiktok" href="https://www.tiktok.com/@firefox" data-link-position="footer" data-link-text="TikTok (@firefox)">{{ ftl('footer-refresh-tiktok') }}<span> (@firefox)</span></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="moz24-footer-actions">
      <a class="moz24-footer-donate" href="{{ donate_url(location='moco-donate-footer') }}" data-link-text="Donate">
        <span class="mzp-c-button-icon-start">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill="currentColor" d="M14.8 8.25c.77-.77 1.2-1.8 1.2-2.9a4.094 4.094 0 0 0-4.1-4.1c-1.1 0-2.12.43-2.9 1.2L7.99 3.46 6.98 2.45c-.77-.77-1.8-1.2-2.9-1.2a4.094 4.094 0 0 0-4.1 4.1c0 1.1.43 2.12 1.2 2.9l6.8 6.8 6.8-6.8zM1.5 5.35c0-.7.27-1.35.76-1.83.49-.49 1.14-.76 1.84-.76s1.34.27 1.84.76l2.07 2.07 2.07-2.07c.98-.98 2.69-.98 3.67 0a2.595 2.595 0 0 1 0 3.67l-5.74 5.74-5.75-5.74c-.49-.49-.76-1.14-.76-1.84"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
        </span>
        <span class="mzp-c-button-icon-text">{{ ftl('footer-refresh-donate') }}</span>
      </a>
      <div class="moz24-footer-language">
        {% include 'includes/protocol/lang-switcher-refresh.html' %}
       </div>
    </div>
    <div class="moz24-footer-secondary">
      <div class="moz24-footer-legal">
        <p class="moz24-footer-license" rel="license">
          {% set moco_link = 'href="%s" data-link-position="footer" data-link-text="Mozilla Corporation"'|safe|format(url('mozorg.home')) %}
          {% set mofo_link = 'href="https://foundation.mozilla.org/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=footer" rel="external noopener" data-link-position="footer" data-link-text="Mozilla Foundation"'|safe %}
          {{ ftl('footer-refresh-visit-mozilla-corporations-v2', fallback='footer-refresh-visit-mozilla-corporations', moco_link=moco_link, mofo_link=mofo_link) }}<br>
          {{ ftl('footer-refresh-portions-of-this-content', href='href="%s"'|safe|format(url('foundation.licensing.website-content')), current_year=current_year|string) }}
        </p>
        <ul class="moz24-footer-terms">
          <li><a href="{{ url('privacy.notices.websites') }}" data-link-position="footer" data-link-text="Privacy">{{ ftl('footer-refresh-websites-privacy-notice') }}</a></li>
          <li>
            {# Link to /privacy/websites/cookie-settings/ is a legal requirement and should not be removed. It must be present on every page (Issue 14213). #}
            <a href="{{ url('privacy.cookie-settings') }}" data-link-position="footer" data-link-text="Cookies">{{ ftl('footer-refresh-websites-cookies') }}</a>
          </li>
          <li><a href="{{ url('legal.index') }}" data-link-position="footer" data-link-text="Legal">{{ ftl('footer-refresh-websites-legal') }}</a></li>
          <li><a href="{{ url('mozorg.about.governance.policies.participation') }}" data-link-position="footer" data-link-text="Community Participation Guidelines">{{ ftl('footer-refresh-community-participation-guidelines') }}</a></li>
          {% if ftl_has_messages('footer-about-this-site') %}
            <li><a href="{{ url('mozorg.about.this-site') }}" data-link-position="footer" data-link-text="About this site">{{ ftl('footer-refresh-about-this-site') }}</a></li>
          {% endif %}
        </ul>
      </div>
    </div>
    <img loading="lazy" class="moz24-footer-logo-image-bottom" src="{{ static('img/logos/m24/wordmark-white.svg') }}" alt="" width="1376" height="285">
  </div>
</footer>

{% block footer_js %}
  {% if show_newsletter %}
    <!--[if !IE]><!-->
      {{ js_bundle('newsletter') }}
    <!--<![endif]-->
  {% endif %}
{% endblock %}
